یکی از ویژگی های بسیار عالی و منحصر به فرد لوکس بلاگ قرار دادن عکس مطلب است.عکس مطلب ممکن است به صورت های مختلفی مورد استفاده قرار گیرد.به عنوان مثال در سایت www.naztarin.com اگر دقت کنید برای هر مطلب یک عکس مربعی در جلوی مطلب قرار گرفته است.این همان عکس مطلب است.و یا برای فروشگاه های اینترنتی میتوان برای هر محصول,عکس محصول را در عکس مطلب قرار داد.به این صورت از عکس مطلب میتوان استفاده های متفاوتی کرد.حال چگونه از این امکان استفاده نماییم؟

پس از اینکه در هنگام ارسال مطلب(زیر محل عنوان مطلب دکمه (انتخاب فایل برای آپلود)) یک عکس به عنوان عکس مطلب انتخاب کردید باید در ویرایش قالب کد نمایش عکس مطلب را قرار دهید.

وارد ویرایش قالب شوید و در بین دو تگ

<LOXBLOG>و </LOXBLOG>

عبارت زیر وظیفه نمایش عکس مطلب را دارد:

<PostImageBlock>
<-PostImageUrl->
<PostImageBlock>

خط اول و آخر مربوط به بلاک نمایش عکس است.در صورتی که عکسی برای مطلب در نظر نگیرید هر چیزی بین این دو تگ باشد نمایش داده نمیشود.و خط دوم <-PostImageUrl-> آدرس عکس مطلب است.

توجه داشته باشید کد html نمایش عکس به صورت زیر است.پس کد کامل نمایش عکس مطلب در ویرایش قالب به صورت زیر باید باشد:

<img src="آدرس عکس" >

پس به عنوان مثال در ویرایش قالب میتوانید کد نمایش عکس را به صورت زیر وارد نمایید

<PostImageBlock>
<img src="<-PostImageUrl->" >
</PostImageBlock>

چگونه ابعاد تصویر را مشخص نماییم؟روش اول این است که قبل از اپلود عکس،ابعاد عکس را توسط نرم افزار های ویرایش عکس مشخص نمایید.روش دوم استفاده از کد HTML است.به راحتی میتوانید در کد نمایش عکس html عبارت width="200" و height="200"" را وارد کرد که تا ابعاد عکس را 200 پیکسل مشخص کرد.به صورت زیر

<PostImageBlock>
<img src="<-PostImageUrl->" width="200" height="200">
</PostImageBlock>

از روش های دیگری مثل استفاده از کدهای css نیز میتوان استفاده کرد.